<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // 一,vue组件生命周期有多少
      // 01.beforeCreate (组件创建前,初始化生命周期和事件)
      // 02.created (组件创建后,data和props和methods已经初始化完毕,这个时候我们可以在此访问data里的数据)
      // 03.beforeMount (组件挂载前,虚拟DOM创建完成)
      // 04.mounted (真实DOM挂载完成,可以发起请求,也可以访问DOM节点)
      // 05.beforeUpdate (组件更新前,新数据更新完毕,页面还是旧的)
      // 06.updated (组件更新后,数据和页面都是新的)
      // 07.beforeDestroy (将要销毁此组件,但是还没有销毁,这个时候可以清除定时器,自定义事件等)
      // 08.destroyed (组件销毁后,已经全部销毁完毕)7

      // 二,第一次加载页面时会触发那几个钩子函数?
      // beforeCreate,created,beforeMount,mounted

      // 三,父子组件生命周期?
      // 当父子组件在加载的时候，执行的先后顺序为
      // 父beforeCreate -> 父created -> 父beforeMount -> 子beforeCreate -> 子created -> 子beforeMount -> 子mounted -> 父mounted
      
    </script>
  </body>
</html>
 